@import './modules/header';
@import './modules/reset';

  section{
      width: 100%;
      // height: 800px;
      background-color: #f0f0f0;
      display: flex;
      flex: 1;
    .container{
        width: 1200px;
        margin: 0 auto;
        h1{
          font-size: 20px;
          font-weight: bold;
          padding: 10px;
        }
        p{
          height:50px;
          line-height: 50px;
          a{
            color: #000000;
          }
          a:hover{
            color: #bfb0b0;
          }
        }
        .goods_list{
            li{
                background-color: #ffffff;
                float: left;
                width: 290px;
                height: 370px;
                position: relative;
                overflow: hidden;
                margin:10px 5px;
                a{
                  display: block;
                  color: #000000;
                  img{
                    position: absolute;
                    width: 290px;
                    height: 290px;
                    transition: top .3s;
                  }
                  span {
                    position: absolute;
                    background-color: red;
                    padding: 4px;
                    top: 0;
                    right: 0;
                    color: #fff;
                  }
                  p{
                    position: absolute;
                    top: 295px;
                    left: 70px;
                    font-size: 16px;
                    &:nth-child(3){
                      top:320px;
                      left: 120px;
                      color:#000;
                      font-weight: bold;
                    }
                  }
                  
                }
                a:hover{
                  p{
                    color: #bfb0b0;
                  }
                  img{
                    top:-4px;
                  }
                }
            }
        }
    }
    
  }